<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>definePrototype</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        <button @click.stop="change">change</button>
        <p>{{message}}</p>
        {{list.miaov}}
    </div>
    <script>
        let vm = new Vue({
            el:'#app',
            data:{
                message:'Hello vue',
                list:{},
            },
            methods:{
                change(){
                    this.message = '改变了';
                }
            }
        })

        document.onclick=function (){
            // vm.list.miaov = '123456';  未计划好的， 是不响应的
            // vm.$set()
            // Vue.set(vm.list,'miaov','123456');  Vue 的静态方法。  ** 不能加到 vm 实例上 **。
        }
    </script>
</body>
</html>